import { TextStyle, ViewStyle } from "react-native";
import { Text, View } from "./Themed";
import React from "react";

interface SummaryDetailsProps {
  containerStyle?: ViewStyle;
  textStyle?: TextStyle;
  titleStyle?: TextStyle;
  title?: string;
  text?: number | string;
  click?: () => void;
}

export default function SummaryDetails(props: SummaryDetailsProps) {
  return (
    <View style={props.containerStyle}>
      <Text style={[{ fontSize: 12 }, props.titleStyle]}>{props.title}</Text>
      <Text style={props.textStyle} onPress={props.click}>
        {props.text}
      </Text>
    </View>
  );
}
